<template>
	<view class="container">
		<image class="page-img" :src="img_path" mode="widthFix" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				img_path: ''
			};
		},
		onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
			console.log(option);
			if (option.img) {
				this.img_path = option.img;
			}
		},
		onShow() {

		},
		methods: {
			onImgLoad(e) {
				// 当图片加载完成后，获取图片的原始宽度和高度，并根据宽度计算出高度
				const {
					width,
					height
				} = e.mp.detail;
				this.imgHeight = (height / width) * 100; // 高度 = 原始高度 / 原始宽度 * 100
			},
		},
	}
</script>

<style lang="scss">
	.container {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		.page-img{
			width: 100%;
		}
	}
</style>